<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/amazeui.min.css"/>
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/hy.admin.css"/>
		<script src="{$_C.hy_path}js/detail/modernizr.custom.js"></script>
		<style>
			#tooltip{
				position:absolute;
				border:1px solid #ccc;
				background:#333;
				padding:2px;
				display:none;
				color:#fff;
			}
		</style>
	</head>
	<body>
		<div class="am-g">
			 {include file='../Common/hy_header.html'}
			 	
      <div class="am-u-md-6 am-cf">
        <div class="am-fl am-cf">
          <div class="am-btn-toolbar am-fl">
             <div class="am-btn-group am-btn-group-xs">
          	  <button   onclick="window.location.href='index.php?g=admin&m=read&a=execlHero'"   type="button" class="am-btn am-btn-default "> 导出</button>
		   
		    </div>
           
          </div>
        </div>
      </div>
      <div class="am-u-md-3 am-cf">
        <div class="am-fr">
        	   共{$count}条记录
        </div>
      </div>
      
      <div class="am-g">
      <div class="am-u-sm-12">
        <div class="am-form">
          <table class="am-table am-table-striped am-table-hover hy-table-main">
            <thead>
              <tr>
                <th class="table-title">提交资料</th>
                <th class="table-title">武艺特长</th>
                <th class="table-title">演艺经历</th>
                <th class="table-date">照片</th>
                <th class="table-type">微信资料</th>
              </tr>
          </thead>
          <tbody>
          	{foreach from=$result item=sql}
            <tr>
	              <td>姓名：{$sql.name},年龄：{$sql.age},性别：{$sql.sex}<br/>
				  联系电话：{$sql.phone}<br/>
				  </td>
	              <td>{$sql.specialty}</td>
	              <td>{$sql.experience}</td>
	          	 <td>
	          	 {foreach from=$sql.img_url_list item = img_url}
	          	 	<a class="tooltip" href="{$img_url}" ><img src="{$img_url}"  style="width:30px;"></a>
	          	 {/foreach}
	            </td>
	             <td>
	              	{$sql.nickname}<br/>{$sql.openid}
				</td>
            </tr>
             {/foreach} 
          </tbody>
        </table>
          <div class="am-cf">

  <div class="am-fr">
  	<div class="hy_page">
  {$list_page}
  </div>
  </div>
</div>
          <hr />
      
        </div>
      </div>

    </div>
    </div>
	
   {include file='../Common/hy_footer.html'}
<script type="text/javascript">
		$(function(){
			var x = 10;
			var y = 20;
			$("a.tooltip").mouseover(function(e){
				console.info(this.href);
				this.myTitle = this.title;
				this.title = "";
				var imgTitle = this.myTitle? "<br/>" + this.myTitle : "";
				var tooltip = "<div id='tooltip'><img style='width:300px;' src='"+ this.href +"' alt='产品预览图'/>"+imgTitle+"<\/div>"; //创建 div 元素
				$("body").append(tooltip);	//把它追加到文档中
				$("#tooltip")
					.css({
						"top": (e.pageY+y) + "px",
						"left":  (e.pageX+x)  + "px"
					}).show("fast");	  //设置x坐标和y坐标，并且显示
		    }).mouseout(function(){
				this.title = this.myTitle;
				$("#tooltip").remove();	 //移除
		    }).mousemove(function(e){
				$("#tooltip")
					.css({
						"top": (e.pageY+y) + "px",
						"left":  (e.pageX+x)  + "px"
					});
			});
		})

  	</script>  
		
	</body>
</html>
